<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jqueryUI和960grid兼容性测试t</title>

<link href="styles/960.css" rel="stylesheet" type="text/css"/>
<link href="styles/webui.css" rel="stylesheet" type="text/css"/>
<link href="styles/gh-buttons.css" rel="stylesheet" type="text/css"/>
<link href="styles/jqueryUI/flick/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css"/>

<script src="scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="scripts/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>



</head>

<body>
<div id="dlg"  style="display:none;">
        <div class="grid_1 ">
           <div class="panel"  style="width:180px">
             <div class="phead"><h1>标题</h1></div>
             <div class="pcontent">
                 <p>测试测试测试测试测试测试测试测试测试测试。。</p>
             </div>
           </div>
           
        </div>
         <div class="grid_1 ">
           <div class="panel" style="width:250px" >
             <div class="phead"><h1>标题2</h1></div>
             <div class="pcontent">
                 <p>2222测试测试测试测试测试测试测试测试测试测试。。</p>
             </div>
           </div>
        </div>
    </div>   
<div class="container_12">
      
	<div class="head graybg-d1 grid_12">
    		<div class="logo grid_8 alpha">
            	<h1 class="white">WebUI-FrameWork</h1>
            </div>
             <div class="logo grid_4 omega">
            	<ul  class=" linkbar white">
                   <li><a href="#">welcome: Mr </a></li>
                    <li><a href="#" class="orange-l1">my account </a></li>
                    <li><span>my account </span></li>
                </ul>
            </div>
    </div>
    
    <div class="clear-spacer"></div>
    <div class="grid_3">
        <div class="panel">
             <p>&nbsp;<a id="add" class="button icon add">添加</a></p>
             <p>&nbsp;</p>
             <p>&nbsp;</p>
             <p>&nbsp;</p>
             <p>&nbsp;</p>
             <p>&nbsp;</p>
             <p>&nbsp;</p>
             <p>&nbsp;</p>
             <p>&nbsp;</p>
             
        </div>
    </div>
    
    <div class="grid_9">
        <div class="panel">
             <div class="phead">
                 <h1>标题</h1>
             </div>
             
        </div>
    </div>
    
    <div class="clear-spacer"></div>
    
    <div class="grid_12 panel foot silverbg"  >
             <p><a href="#">welcome: Mr </a>  |  <a href="#" class="orange-l1">my account </a> | <span>my account </span></p>
             <p>copy rights  汉龙数码科技有限公司2001－2011</p>
      </div>
      <div class="clear"></div>
       <div class="spacer"></div>
    
</div> 


<script type="text/javascript">
   $(function(){
	  		$("#add").click(function(){
				
				 $("#dlg").dialog({
					    width:500,
						height:300,
						modal:true
					 });
			}); 
	  
	  });

</script>
  
</body>


</html>
